/* CSS Document*/
html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#484848;font-family:Arial, "microsoft yahei";background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#333;text-decoration:none;}
a:hover{color:#241f72;text-decoration:none;}
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 157px;}
.top{height: 36px;line-height: 36px;color: #666; border-bottom: 1px solid #e2e2e2; background: #eeeeee;}
.top a{padding: 5px 8px; color: #666;}
.top ul{ float:right;}
.top ul li{ float:left; padding:0 10px;background:url(../Img/i_line.jpg) no-repeat left center;}
.top .fr{ position:relative;}
.top .fr img{position:relative; top:3px; margin-right: 4px; }

.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.hdb{
	position: relative;
	z-index: 1;
	background-color: #fff;
	*zoom:1;
}
.hdb:after,.hdb:before{display:block; height:0; content:"clear"; clear:both; overflow:hidden; visibility:hidden; }
.hdb .logo{
	overflow: hidden;
	height: 110px;
	line-height: 110px;
}
.hdb .logo img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.hdb .logo {
  float: left;
  overflow: hidden;
  margin-right: 10px; }

.hdb .logo_name {
  float: left; }
.hdb .logo_name h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px; }
.hdb  .logo_name p {
    font-size: 14px;
    color: #666; }
.menuBtn{
	display: none;
	position: relative;
	float: right;
	margin-top: 4px;
	width: 40px;
	height: 40px;
	padding: 5px;
	cursor: pointer;
}
.menuBtn b{
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: #0097d6;
	margin: 5px 0 7px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.menuBtn.open b{
	position: absolute;
	left: 5px;
	top: 35%;
	display: none;
	width: 30px;
}
.menuBtn.open b:first-child{
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.menuBtn.open b:last-child{
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.yunu-nav{
	float: right;
	margin-right: -15px;
}
.yunu-nav li{
	position: relative;
	float: left;
	height: 110px;
	line-height: 110px;
	padding: 0 15px;
}
.yunu-nav li > a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #333;
	text-align: center;
}
.yunu-nav li > a:after{
	display: none;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #0097d6;
}
.yunu-nav li:hover > a{
	color: #0097d6;
}
.yunu-nav li.on a{ color: #0097d6; }
.yunu-nav li:hover > a:after{
	display: block;
}
.yunu-nav li:hover .nav-sub{
	display: block;
}

.banner{height:550px;overflow:hidden;position:relative;}
.banner .hd{height:18px;position:absolute;width: 100%;z-index:1; text-align: center; bottom: 20px;}
.banner .hd ul li{display: inline-block;margin:0 5px;width:15px;height:15px;cursor:pointer;background:#20317f;border-radius:8px;}
.banner .hd ul li.on{background: #ee7316;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:550px;display:block;}
.banner .bd li a{width:100%;height:550px;display:block;}
.banner .prev{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:17px;height:31px;background:url(../Img/left.png) no-repeat;filter:alpha(opacity=100);opacity:1;}
.banner .next{position:absolute;right:3%;top:50%;margin-top:-25px;display:block;width:17px;height:31px;background:url(../Img/right.png) no-repeat;filter:alpha(opacity=100);opacity:1;}

.partner{width: 100%;background: #f3f3f3;overflow: hidden;padding-bottom: 18px; padding-top: 20px;}
.partner .title{ text-align: center; font-size: 25px; position: relative; margin: 20px 0 }
.partner .title:before{ position: absolute; left: 0; top:20px; z-index: 0; content: ''; width: 100%; height: 1px; display: block; background: #e3e3e1; }
.partner .title span{ position: relative; z-index: 999; height: 45px; line-height: 45px; border-left: 2px solid #ee7316;border-right: 2px solid #ee7316; background: #20317f; padding: 0 30px; display: inline-block; }
.partner .title a{ font-weight: bold; color: #FFF; }

.partner .content{ width: 1090px; height: auto;padding: 0 60px 0 50px; overflow: hidden; position: relative; }
.partner .content .prev{ display:block; position:absolute; top:34px; left:0px; width:33px; height:33px; background:url(../Img/left.png) no-repeat;   }
.partner .content .next{ display:block; position:absolute; top:34px; right:0px; width:33px; height:33px; background:url(../Img/right.png) no-repeat;   }
.partner .content ul{ overflow:hidden; zoom:1;  }
.partner .content ul li{float:left; width:198px;  overflow:hidden; height:129px; margin-right:30px;}
.partner .content ul li img{ width: 196px; height: 99px; border: 1px solid #e9e9e9; }
.partner .content ul li p{ text-align:center; font-size:14px; font-weight:bold; padding-top:100px;}
.partner .content ul li a{ color:#6f6f6f;}
.partner .content ul li a:hover{ color:#FF0000;}

.sec-title{ text-align: center; padding: 30px 0; height: 40px; position: relative; }
.sec-title:before{ width: 100%; height: 1px; content:''; background: #ececea; position: absolute; bottom: 0; left: 0;display: block;}
.sec-title h2{ font-size: 34px; color: #241f72; font-weight: bold; }
.sec-title span{ font-size: 14px; height: 50px; color: #c3c3c3; position: relative; padding-bottom: 10px; }
.sec-title span:after{ width: 50px; height: 2px; content:''; background: #241f72; position: absolute; bottom: 0; left: 32%;  }
.sec-title p{ font-size: 14px; margin-top: 20px; }

.index-pro{ padding: 10px 0 30px; height: auto; overflow: hidden;}
.index-pro .content{ margin-top: 25px; }
.index-pro .hd{ float: left; display: inline-block; width: 263px;}
.index-pro .hd ul li{ height: 76px; width: 263px; font-size: 16px; line-height: 75px;  }
.index-pro .hd ul li img{ margin:0 10px 0 50px; position: relative; top:10px; }
.index-pro .hd ul li:hover{ background:url(../Img/pro-ico.png) no-repeat right center; }
.index-pro .hd ul li a{ color: #FFF;height: 75px; width: 254px; background: #27227b; display: block;border-bottom: 1px solid #171362; }
.index-pro .hd ul li a:hover{ background: #ee7316;border-bottom: 1px solid #171362; }
.index-pro .hd ul li.on{background:url(../Img/pro-ico.png) no-repeat right center;}
.index-pro .hd ul li.on a{ background: #ee7316;border-bottom: 1px solid #171362; }
.index-pro .hd .contact{ background: #27227b;width: 254px;padding: 15px 0; color: #FFF; text-align: center; }
.index-pro .hd .contact .m{ text-align: center; display: block; }
.index-pro .hd .contact span{ font-size: 14px; display: block; position: relative; }
.index-pro .hd .contact span:before{ width:32px; height:1px; background: #484484; position: absolute; content:''; left:40px; top:10px;}
.index-pro .hd .contact span:after{ width:32px; height:1px; background: #484484; position: absolute; content:''; right:40px; top:10px;}
.index-pro .hd .contact p{ font-size: 24px; }

.index-pro .bd{ float: right; width:923px; }
.index-pro .bd .info{ padding: 32px; border: 1px solid #ebebeb; }
.index-pro .bd .info .hotpro{ width: 100%; height: auto; overflow: hidden; margin-bottom: 35px; }
.index-pro .bd .info .hotpro dl dt{ float: left; width: 420px; }
.index-pro .bd .info .hotpro dl dd{ float: right; width: 390px; }
.index-pro .bd .info .hotpro dl dd h3{ font-size: 24px; font-weight: bold; color: #333; line-height: 60px; }
.index-pro .bd .info .hotpro dl dd p{ line-height: 25px; color: #999; }
.index-pro .bd .info .hotpro dl dd .more{ margin-top: 20px; width: 120px; height: 38px; background: url(../Img/more.jpg) no-repeat left center; line-height: 38px; }
.index-pro .bd .info .hotpro dl dd .more a{ padding-left: 43px; color: #FFF; }
.index-pro .bd .info .hotpro dl dt img{ width: 405px; height: 267px;padding: 3px; border: 1px solid #ebebeb; }
.index-pro .bd .info .pro{ padding-bottom: 18px; }
.index-pro .bd .info .pro .tit{ font-size: 24px; text-align: center;  color: #20317f; height: 65px; position: relative; }
.index-pro .bd .info .pro .tit:before{ position: absolute; width: 100%; height: 1px; content:''; border-bottom: 1px dashed #ccc; left: 0; top:18px; }
.index-pro .bd .info .pro .tit span{ display: inline-block; padding: 0 20px; background: #FFF; position: absolute; z-index: 999; text-align: center; left: 42%; }
.index-pro .bd .info .pro ul li{ float: left; display: inline-block; margin-left: 26px;  text-align: center;}
.index-pro .bd .info .pro ul li img{ width: 247px; height: 163px;padding: 3px; border: 1px solid #ebebeb; }

.adv01{ background: #302979 url(../Img/adv01.jpg) no-repeat center; height: 162px; text-align: center; color: #FFF; }
.adv01 h3{ font-size: 35px; font-weight: bold; letter-spacing: 2px; padding-top: 32px;  }
.adv01 h3 span{ background: #ec7616; padding: 5px; }
.adv01 p{ font-size: 24px; color: #d5d4e6; }
.adv01 p span{ font-weight: bold; font-size:40px; color: #ec7616; }

.index-case{ padding: 10px 0 30px; height: auto; overflow: hidden;}
.index-case .content{ height: 460px; overflow: hidden;}
.index-case .content dl{ float: left;display: block; width: 284px; height: 388px;border: 2px solid #ececec;margin-top: 40px; margin-right: 16px; }
.index-case .content dl:hover{ background: #241f72;border: 2px solid #241f72; }
.index-case .content dl dt{ margin-top: 12px; text-align: center;  }
.index-case .content dl dt img{ width: 263px; height: 214px; }
.index-case .content dl dd{ padding: 12px; }
.index-case .content dl dd h3{ font-size: 18px; line-height: 35px; }
.index-case .content dl dd p{ line-height: 25px; height: 92px; }
.index-case .content dl:hover dd p{ color: #FFF;}
.index-case .content dl dd h3 a{ color: #333; }
.index-case .content dl:hover dd h3 a{ color: #FFF;}
.index-case .content dl a:hover { color: #FFF; }
.index-case .content dl .more{}
.index-case .content dl .more a{ background: url(../Img/more.png) no-repeat top center; width: 41px; height: 41px; margin: 0 auto; display: block; }
.index-case .content dl:hover .more a{ background: url(../Img/more.png) no-repeat bottom center; }
.index-case .content dl:hover .more a:hover{ background: url(../Img/more.png) no-repeat bottom center; }

.liucheng{ background: #f3f3f3 url(../Img/liuchengbg.png) no-repeat center 70px; height: 460px; padding-top: 50px; overflow: hidden; text-align: center; }
.liucheng .tit{ font-size: 34px; color: #241f72; font-weight: bold; }
.liucheng .content{ padding-top: 45px; height: auto; overflow: hidden;}
.liucheng .content ul{ padding-left:50px; }
.liucheng .content ul li{ float: left; display: inline-block; margin-right: 50px; font-size: 16px; position: relative; }
.liucheng .content ul li:after{ content: ''; background: url(../Img/ico-05.png) no-repeat; width: 14px; height: 26px; position: absolute; right: -33px; top:50px; }
.liucheng .content ul li:last-child:after{ background: none; }
.liucheng .content ul li p{ margin-top: 10px; }
.liucheng .content ul li span{ display: block; width: 114px; height: 114px;  overflow: hidden;transition-duration: 0.5s; }
.liucheng .tel{ font-size: 16px; line-height: 41px;  position: relative; top:40px; }
.liucheng .tel span{ display: inline-block; font-size: 30px; color: #333333; font-weight: bold; position: relative; top:5px; }
.liucheng .tel .more{ display: inline-block; margin-left: 35px; }
.liucheng .tel .more a{ background:#ee7417; width: 137px; height: 41px; border-radius: 20px; line-height: 41px; display: block; color: #FFF; }
.l01 span{ background: url(../Img/lc01.png) no-repeat top center; }
.l01 span:hover{ background: url(../Img/lc01.png) no-repeat bottom center; }
.l02 span{ background: url(../Img/lc02.png) no-repeat top center; }
.l02 span:hover{ background: url(../Img/lc02.png) no-repeat bottom center; }
.l03 span{ background: url(../Img/lc03.png) no-repeat top center; }
.l03 span:hover{ background: url(../Img/lc03.png) no-repeat bottom center; }
.l04 span{ background: url(../Img/lc04.png) no-repeat top center; }
.l04 span:hover{ background: url(../Img/lc04.png) no-repeat bottom center; }
.l05 span{ background: url(../Img/lc05.png) no-repeat top center; }
.l05 span:hover{ background: url(../Img/lc05.png) no-repeat bottom center; }
.l06 span{ background: url(../Img/lc06.png) no-repeat top center; }
.l06 span:hover{ background: url(../Img/lc06.png) no-repeat bottom center; }
.l07 span{ background: url(../Img/lc07.png) no-repeat top center; }
.l07 span:hover{ background: url(../Img/lc07.png) no-repeat bottom center; }

.index-about{ min-height: 630px; background: url(../Img/aboutbg.jpg) no-repeat top center; text-align: center; padding-top: 20px; }
.index-about .tit{ font-size: 34px; color: #FFF; font-weight: bold; }
.index-about .content{ padding-top: 60px; height: auto;overflow: hidden; }
.index-about .fl{ width: 543px; }
.index-about .fr {width: 610px; color: #FFF; text-align: left; }
.index-about .fl img{ width: 543px; height: 321px;}
.index-about .fr h2 { line-height: 70px; border-bottom: 1px solid #3f3a82; }
.index-about .fr p{ line-height: 25px; padding-top: 20px; height: 150px; }
.index-about .fr .more{ margin-top: 20px; width: 151px; height: 50px; border: 1px solid #FFF;background: url(../Img/ico-04.png) no-repeat 20px center; line-height: 50px; }
.index-about .fr .more a{ padding-left: 53px; color: #FFF;width: 98px; height: 50px; display: block;  }
.index-about .fr .more a:hover{ background: #ee7316 url(../Img/ico-04.png) no-repeat 20px center; }

.honor{width:100%;margin-top:10px;background:url(../Img/honr_bg.jpg)  no-repeat center;height:510px;padding-top:50px}
.honor .hon_box{width:1180px;margin:0 auto}
.hon_box .hon_con{width:1180px;height:320px;margin-top:45px;position:relative}
.hon_con > a{width:36px;height:72px;display:block;position:absolute}
.hon_con .lefts{top:125px;left:0;background:url(../Img/hon_jt.jpg) no-repeat left center}
.hon_con .rights{top:125px;right:0;background:url(../Img/hon_jt.jpg) no-repeat right center}
.hon_con .hon_nr{width:1069px;height:320px;margin:0 auto;overflow:hidden}
.hon_nr ul{width:1024px;height:320px}
.hon_nr ul li{width:238px;height:318px;border:1px solid #cccccc;float:left;margin-right:22px;position:relative}
.hon_nr ul li >a{width:238px;height:318px;overflow:hidden;display:block}
.hon_nr ul li >a img{width:238px;height:318px;overflow:hidden;-webkit-transition:all 1s;transition:all 1s}
.hon_nr ul li >a img:hover{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.hon_nr ul li:hover{border-color:#143fac}
.hon_nr ul li h4{position:absolute;left:0;bottom:0;width:100%;height:30px;background:#f1f1f1;margin-top:10px;-webkit-transition:all 1s;transition:all 1s}
.hon_nr ul li h4 a{font-size:14px;color:#4c4c4c;width:100%;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;text-align:center}
.hon_nr ul li h4:hover{background:#143fac}
.hon_nr ul li h4:hover a{color:#fff}
.title_nav{width:450px;height:58px;margin:0 auto}
.title_nav h3{background:url(../Img/title_nav.png) no-repeat left center;width:450px;height:35px}
.title_nav h3 a{display:block;color:#143fac;font-size:24px;text-align:center;line-height: 35px;}
.title_nav span{display:block;font-size:16px;color:#333;text-align:center;margin-top:5px;text-transform:uppercase}

.index-news{ padding: 10px 0 30px; height: auto; overflow: hidden;}
.index-news .content{ padding-top: 45px; }
.index-news .hd{ float: left; display: inline-block; width: 263px;}
.index-news .hd ul li{ height: 90px; width: 263px; font-size: 16px; line-height: 90px;  }
.index-news .hd ul li img{ margin:0 10px 0 50px; position: relative; top:10px; }
.index-news .hd ul li:hover{ background:url(../Img/news-ico.png) no-repeat right center; }
.index-news .hd ul li a{ color: #333333;height: 89px; width: 254px; text-align: center;  display: block;border: 1px solid #ebebeb; }
.index-news .hd ul li a:hover{ background: #241f72; color: #FFF; border: 1px solid #241f72;}
.index-news .hd ul li.on{background:url(../Img/news-ico.png) no-repeat right center;}
.index-news .hd ul li.on a{ background: #241f72; color: #FFF;border: 1px solid #241f72; }
.index-news .bd{ float: right;width: 920px; display: inline-block; }
.index-news .bd .info{}
.index-news .bd .info .fl{ width: 426px; height: 266px; }
.index-news .bd .info .fr{ width: 458px; height: 266px; }
.index-news .bd .info .fl dl{ width: 426px; height: 266px; position: relative; display: block; }
.index-news .bd .info .fl dl dt{ width: 426px; height: 266px; }
.index-news .bd .info .fl dl dt img{ width: 426px; height: 266px;}
.index-news .bd .info .fl dl dd{ position: absolute; bottom: 0; width: 100%; height: 70px;color: #FFF;  display: block; z-index: 999; background: rgba(0,0,0,0.5) }
.index-news .bd .info .fl dl dd h2{ padding: 10px 15px 0; font-size: 18px;line-height: 35px; height: 35px; overflow: hidden;  }
.index-news .bd .info .fl dl dd p{ padding: 0px 15px; }
.index-news .bd .info .fl dl dd h2 a{ color: #FFF; }
.index-news .bd .info .fr dl{ height: auto; overflow: hidden; padding: 18px 0; border-bottom: 1px solid #e5e5e5; }
.index-news .bd .info .fr dl:first-child{ padding-top: 0 }
.index-news .bd .info .fr dl:last-child{border-bottom: none; }
.index-news .bd .info .fr dl dt{ float: left; width: 81px; height: 62px; text-align: center; border: 1px solid #e5e5e5; display: inline-block; }
.index-news .bd .info .fr dl:hover dt{ background: #ee7316;border: 1px solid #ee7316; color: #FFF; }
.index-news .bd .info .fr dl dt span {display: block; font-size: 20px; margin-top: 13px;}
.index-news .bd .info .fr dl dd{ float: right; width: 360px; }
.index-news .bd .info .fr dl dd h2{ font-size: 18px; line-height: 35px; height: 35px; overflow: hidden; }

.links{overflow:hidden;margin-top:20px;padding-top:20px;padding-bottom:20px}
.web-all h4 div{width:140px;height:40px;border-bottom:1px solid #0051A2}
.web-all h4{height:40px;line-height:40px;border-bottom:1px solid #a0a0a0;color:#0051A2}
.web-all h4 span{display:inline-block;font-size:18px;font-weight:bold}
.web-all h4 b{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:18px;color:#b2b2b2}
.linkLj{width:1201px;overflow:hidden;padding:15px 0}
.linkLj a{margin-right:15px}
.links-main{width:1200px;margin:0 auto;overflow:hidden;}

.footer_bg{width:100%;height:360px;margin:0 auto;background:#3c3696}
.footer_bg .footer{width:1200px;margin:0 auto;padding-top:40px;margin-bottom:30px}
.footer_bg .footer .f_l{width:770px;height:210px;margin:0 auto;float:left}
.footer_bg .footer .f_l dl{width:120px;float:left;margin-right:10px;border-right:1px solid #ffffff7d;padding:0 25px;height:170px;box-sizing:content-box}
.footer_bg .footer .f_l dl dt{font-size:18px;color:#fff;font-weight:bold;padding-bottom:15px;margin-bottom:15px;background:url(../Img/xt.jpg) no-repeat left bottom}
.footer_bg .footer .f_l dl dt a{color: #fff;}
.footer_bg .footer .f_l dl dd a{font-size:14px;color:#fff;line-height:30px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block}
.footer_bg .footer .f_r{width:360px;float:right}
.footer_bg .footer .f_r h5{font-size:18px;color:#fff;font-weight:bold}
.footer_bg .footer .f_r h5 span{font-size:24px;color:#fff;font-weight:bold;display:block}
.footer_bg .footer .f_r ul{margin-top:10px}
.footer_bg .footer .f_r ul li{margin-bottom:15px}
.footer_bg .footer .f_r ul li span{float:left;margin-right:8px}
.footer_bg .footer .f_r ul li p{font-size:14px;color:#fff}
.footer_bg .end_bg{width:100%;height:80px;margin:0 auto;background:#1b1d1a}
.footer_bg .end{width:1200px;height:80px;margin:0 auto}
.footer_bg .end p{font-size:14px;color:#fff;line-height:80px;text-align:center}
.footer_bg .end p a{font-size:14px;color:#fff;margin:0 5px}
.footer_bg .end img{margin:0 5px;vertical-align:middle}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../Img/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#20317f;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#20317f;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

.ban{ width: 100%; height: 350px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 300px; }
.ny .fr{ width: 860px; }
.ny .fl .title{ height:70px; width: 270px; background: #20317f; color: #FFF; padding: 20px 0 0 30px; text-transform: uppercase;   }
.ny .fl .title span{ display: block;font-size: 28px; font-weight: bold; }

.category{width: 100%;padding-top: 12px;margin-bottom: 20px;}
.category h3{line-height: 58px;float: left;}
.category h3 a{float: left;line-height: 58px;color: #666;padding-left: 58px;width: 242px;font-weight: normal;background: url(../Img/menu01.jpg) no-repeat; display: block;}
.category h3.on a{background: url(../Img/menu01-h.jpg) no-repeat; color: #20317f;}
.category h3 span{float: left;}
.category ul{display: none;float: left;width: 100%;}
.category li{display: block;border-bottom: 1px solid #e1e1e1;width: 100%;line-height: 42px;background-size: 5px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #20317f;}

.ny .contact{ width: 300px; height: 140px; background: url(../Img/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.ny .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.ny .contact span{color:#20317f; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.ny .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.ny .contact .more a{ color: #20317f; border: 1px solid #20317f; width: 120px; height: 30px; line-height: 30px; display: block; }
.ny .contact .more a:hover{ background: #20317f; color: #FFF; }
.ny .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{ font-size: 24px; color: #20317f; border-bottom: 3px solid #20317f; padding-bottom: 10px; }
.ny .fr .title p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #20317f; border-bottom: 3px solid #20317f; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999; }

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li img{ width: 260px; height: 190px;padding: 3px; border: 1px solid #c1c1c1; transition: 0.5s; }

.news-a{ padding:0px 0 0;  }
.news-a h2{ text-align: center;font-size: 24px;padding-top:30px; }
.news-a .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news-a .date span{ padding: 0 15px; }
.news-a .info{ padding: 10px 0 0; line-height: 25px; }
.news-a h1{ text-align: center; line-height:60px; border-bottom:1px solid #ccc;margin-top:30px;}

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:35px; line-height:35px;}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.pages{line-height: 50px;}
.pages span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; display: inline-block; width: 200px; margin-right: 15px; text-align: center; }
.xg-pro ul li img{ width: 200px; height: 160px; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 20px; line-height:25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 350px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #20317f; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#20317f; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; }

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../Img/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #1f7fcb;}
.preview .arrow-left{background: url(../Img/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../Img/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 494px;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #20317f;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}


/*问题*/

.faq{ width:1180px; margin:0 auto; height:434px;}
.news {width: 720px;margin-top: 50px;float:left;}
.newfl{ width:280px; float:left;}
.newfr{ width:700px;}
.news h3 a { color: #1a1a1a;}
.news .img { float: left; margin-right: 10px;}
.news .img img {width: 278px;height: 234px;padding-top:  12px;}
.news .info { float: left; }
.news .info p{line-height: 22px;height: 88px;overflow:hidden;color: #666;font-size: 14px;margin-top: 6px;}
.news .info a{ font-size: 12px; display:block;line-height:26px;}
.news .info .boodp{ overflow: hidden; height:100px; margin-top: 1px;}
.news .info .bood{font-size: 16px;margin-top: 12px;}
.news .info:hover .bood{text-decoration: underline;}
.news dl dd {}
.news ul { width: 750px;}
.news li {float: left;line-height: 38px;width: 700px;background: url(../Img/ic17.jpg) no-repeat left center;}
.news li a {font-size: 14px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 15px;color: #666;}
.news li a:hover{ color:#1c57b3;}
.yjnz li a:hover{ color:#1c57b3;}
.news li span {float: right;color: #666;}
.contanta{margin-top: 24px;}
.faq .faq-c .faq-l .faq-w span { width: 22px;height: 22px; line-height: 20px; text-align: center; float: left; margin-right: 5px; margin-bottom: 10px; background: url(../Img/wd.gif) no-repeat center top;}
.faq .faq-c .faq-l .faq-d span {clear: both;color: #fff;width: 22px;height: 22px;line-height: 20px;
text-align: center;float: left;margin-right: 5px;margin-bottom: 10px;
background: url(../Img/wd.gif) no-repeat center -26px;}
.faq .faq-c .faq-l .faq-w p { float: right;  line-height: 20px;  width: 388px;  margin: 0;  color: #333;  font-size: 14px;font-weight: bold;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.faq .faq-c .faq-l .faq-d p { float: right; width: 388px; line-height: 25px; margin: 0; height: 44px; color: #333; overflow: hidden; margin-bottom: 13px;}
.faq .left dl{ height:30px; line-height:30px;}
.faq .left dl a{ height:30px; display:block; width:280px; overflow:hidden; line-height:30px; color:#000; }
.faq .left dl a em{ padding-right:5px;}


.title {height: 51px;border-bottom: 1px solid #eee;}
.title h3 {width: 125px;height: 48px;float:left;line-height: 50px;text-align: center;font-size: 18px;font-weight: normal;}
.title h3 a{color: #333;}
.title .on{border-bottom: 3px solid #1c57b3;}
.title .on a{font-weight: bold;}
.title .more {font-size: 14px;color: #666;float: right;margin-right: 10px;line-height: 62px;}

/*问题*/
.hjwy{width: 427px;float:right;height:460px;overflow:hidden;margin-top:  50px;}
.hjwy .sejw h3{float:left;text-align:center;font-size:18px;}
.hjwy .on a{font-weight: bold;}
.hjwy .sejw i{line-height: 30px;display:block;float:right;}
.hjwy i a{color:#666;}
.hjwy ul{ margin-top: 30px;}
.hjwy ul li{width: 427px;height: 40px;border-bottom: 1px solid #fff;font-size:15px;background: #f9f9f9 url(../Img/cp_bg.png) no-repeat 8px;line-height: 40px;padding-left: 46px;}
.hjwy ul li a{color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 427px;}
.hjwy ul li:hover{width: 427px;height: 40px;background: #1c57b3 url(../Img/cp_bg.png) no-repeat 8px;}
.hjwy ul li:hover a{ color:#fff;}
.sejw{background:url(../Img/cp.jpg) no-repeat center;width:427px;height:39px;margin-top: 13px;}

/*map*/
.map { clear: both; margin: 0 0; padding: 0 0; }
.map .wraper{width:600px;background:#fff;position:absolute;top:310px;right:50%;margin-right:-500px;z-index:1}
.map .wraper .tit{background:#423bb5;height:80px;padding:20px 0}
.map .wraper .tit h2{font-size:32px;color:#fff;padding-top:20px;padding-left:30px}
.map .wraper .tit p{font-size:24px;color:#fff;padding-top:10px;padding-left:30px}
.map .wraper .tit h3{font-size:28px;position:absolute;margin-top:-17px;font-family:Arial,Helvetica,sans-serif;color:#fff;top:75px;right:20px}
.map .wraper .tit h3 span{display:block;position:absolute;width:60px;height:60px;background:url(../Img/phone2.png) no-repeat;left:-40px;top:50%;margin-top:-30px}
.map .wraper .addr .alltit{border-bottom:1px dotted #adadad}
.map .wraper .addr .alltit h4{font-size:14px;color:#acacac;font-weight:inherit;line-height:28px;text-indent:35px;padding:10px 0}
.map .list{font-size:14px;color:#545454;overflow:hidden;padding:20px 30px}
.map .list h3{margin:0;font-size:14px;border-left:4px solid #423bb5;padding-left:10px;height:175px;line-height:25px;margin-bottom:20px}
#mapall{height:700px}
.news-a .info p{
    text-indent: 2em;
}